<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Test zip-lookup</title>
        <meta charset="utf-8">
        <script src="zip-lookup/zip-lookup.js" type="text/javascript"></script>
        <link href="zip-lookup/zip-lookup.css" rel="stylesheet" />
    </head>
    <body>
        <form>
            <fieldset>
                <legend>Test zip-lookup</legend>
                <div>Enter ZipCode:</div>
                <input type='text' name='zipcode' class='zip-lookup-field-zipcode' /> - Should update the other fields when changed
                <div>Enter City:</div>
                <input type='text' name='city' class='zip-lookup-field-city' /> - Should update the city name
                <div>Select State:</div>
                <select class='zip-lookup-field-state-short'>
                    <option value=""></option>
                    <option value="AL">Alabama</option>
                    <option value="AK">Alaska</option>
                    <option value="AZ">Arizona</option>
                    <option value="AR">Arkansas</option>
                    <option value="CA">California</option>
                    <option value="CO">Colorado</option>
                    <option value="CT">Connecticut</option>
                    <option value="DE">Delaware</option>
                    <option value="DC">District Of Columbia</option>
                    <option value="FL">Florida</option>
                    <option value="GA">Georgia</option>
                    <option value="HI">Hawaii</option>
                    <option value="ID">Idaho</option>
                    <option value="IL">Illinois</option>
                    <option value="IN">Indiana</option>
                    <option value="IA">Iowa</option>
                    <option value="KS">Kansas</option>
                    <option value="KY">Kentucky</option>
                    <option value="LA">Louisiana</option>
                    <option value="ME">Maine</option>
                    <option value="MD">Maryland</option>
                    <option value="MA">Massachusetts</option>
                    <option value="MI">Michigan</option>
                    <option value="MN">Minnesota</option>
                    <option value="MS">Mississippi</option>
                    <option value="MO">Missouri</option>
                    <option value="MT">Montana</option>
                    <option value="NE">Nebraska</option>
                    <option value="NV">Nevada</option>
                    <option value="NH">New Hampshire</option>
                    <option value="NJ">New Jersey</option>
                    <option value="NM">New Mexico</option>
                    <option value="NY">New York</option>
                    <option value="NC">North Carolina</option>
                    <option value="ND">North Dakota</option>
                    <option value="OH">Ohio</option>
                    <option value="OK">Oklahoma</option>
                    <option value="OR">Oregon</option>
                    <option value="PA">Pennsylvania</option>
                    <option value="RI">Rhode Island</option>
                    <option value="SC">South Carolina</option>
                    <option value="SD">South Dakota</option>
                    <option value="TN">Tennessee</option>
                    <option value="TX">Texas</option>
                    <option value="UT">Utah</option>
                    <option value="VT">Vermont</option>
                    <option value="VA">Virginia</option>
                    <option value="WA">Washington</option>
                    <option value="WV">West Virginia</option>
                    <option value="WI">Wisconsin</option>
                    <option value="WY">Wyoming</option>
                </select> - Should select the correct option field
                <div>Enter State:</div>
                <input type='text' name='state' class='zip-lookup-field-state' />
                <input type='text' name='state-short' class='zip-lookup-field-state-short' /> - Should set the proper long and short state name
            </fieldset>
            <fieldset>
                <div class="zip-lookup-message info">Status</div>
                <input type='text' name='zipcode' class='zip-lookup-field-state' /> - Should not update because it's in a different fieldset
            </fieldset>
        </form>
    </body>
</html>